<template>
	<div style="width: 100%;">
		<div style="width: 100%;display: flex;">
			<div style="background: #472FDF;border-radius: 24px;padding:48px 24px;width:420px" class="textCenter mr20">

				<div class="displayFlexBet">
					<div style="width: 150px;height: 1px;background: #F9E429;"></div>
					<div style="font-size: 16px;color: #F9E429;">总评分</div>
					<div style="width: 150px;height: 1px;background: #F9E429;"></div>
				</div>

				<div style="font-size: 40px;color: #FFFFFF;margin-top: 50px;" class="textCenter">98</div>

				<div
					style="font-size: 16px;color: #FFFFFF;background: #DE6868;border-radius: 4px;padding: 2px 4px;display: inline-block;">
					优秀
				</div>

				<div id="main1" style="width: 100%;height: 250px;margin-top: 50px;"></div>

				<div class="font16 colorfff mt10">
					18977654组总数据源
				</div>

				<div style="background: #5A44E2;color: #B5ACF2;display: flex;border-radius: 8px;margin-top: 68px;"
					class="pad20 font14">
					<div>大模型算法：</div>
					<div style="text-align: left;">
						<div class="mb5">1.药剂使用合理性回归算法</div>
						<div class="mb5">2.固危废申报合理性多普勒算法</div>
						<div>3.清洁生产相识度离散计算</div>
					</div>
				</div>
			</div>

			<div style="width:calc(100% - 430px);border-radius: 24px;" class="pad24 bgfff textCenter">
				<div class="font16 color555"
					style="width: 100%;height: 80px;background: linear-gradient(0deg, #FFFFFF, #C3DFF5);border-radius: 8px;padding-top: 30px;">
					废气
				</div>

				<div class="u-flex u-between" style="margin-top: -10px;">
					<div class="flex2">
						<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 point"
							@click="$router.push('/wasteGas/survey')">
							<div class="u-flex mb20">
								<div class="flex1">
									<div class="color555 font14 mb20">在线监测</div>
									<div class="mb20">
										<div class="font16 color333 mb5">
											{{dataList1.onlineMonitor.hourPercent || '--'}}%
										</div>
										<div class="color888 font14">小时数据达标</div>
									</div>
									<div>
										<div class="font16 color333 mb5">{{dataList1.onlineMonitor.dayPercent || '--'}}%
										</div>
										<div class="color888 font14">日数据达标</div>
									</div>
								</div>
								<div class="flex1">
									<div class="color555 font14 mb20">自行监测</div>
									<div class="mb20">
										<div class="font16 color333 mb5">
											{{dataList1.selfMonitor.completePercent || '--'}}%
										</div>
										<div class="color888 font14">自行监测完成率</div>
									</div>
									<div>
										<div class="font16 color333 mb5">
											{{dataList1.selfMonitor.normalPercent || '--'}}%
										</div>
										<div class="color888 font14">自行监测达标率</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList1.onlineMonitor.dataNum || '--'}}组数据源
							</div>
						</div>

						<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 mt30 point"
							@click="$router.push('/wasteGas/gasStandingBook')">
							<div class="color555 font14 mb20">巡检制度</div>
							<div class="u-flex">
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.inspect.planPercent || '--'}}%
										</div>
										<div class="color888 font14">设备覆盖率</div>
									</div>
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.inspect.avgPlan || '--'}}%</div>
										<div class="color888 font14">每台设备日均巡检</div>
									</div>
									<div style="font-size: 13px;color: #A2A2A2;">
										{{dataList1.inspect.planDataNum || '--'}}组数据源
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.inspect.completePercent || '--'}}%
										</div>
										<div class="color888 font14">巡检完成率</div>
									</div>
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.inspect.normalPercent || '--'}}%
										</div>
										<div class="color888 font14">巡检质量合格率</div>
									</div>
									<div style="font-size: 13px;color: #A2A2A2;">
										{{dataList1.inspect.inspectDataNum || '--'}}组数据源
									</div>
								</div>
							</div>
						</div>

						<div style="" class="pb20 mt30 point" @click="$router.push('/filesManage/pdfManage')">
							<div class="color555 font14 mb20">基本制度</div>
							<div class="u-flex mb20">
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.doc.completePercent || '--'}}%
										</div>
										<div class="color888 font14">基本制度文件完整性</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.doc.commentPercent || '--'}}%</div>
										<div class="color888 font14">基本制度文件评价率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.doc.emergencyPercent || '--'}}%
										</div>
										<div class="color888 font14">应急管理</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.doc.planCompletePercent || '--'}}%
										</div>
										<div class="color888 font14">计划覆盖完整性</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList1.inspect.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>

					<div style="width: 1px;height: 680px;background: #EEEEEE;"></div>
					<div class="flex3">
						<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 point"
							@click="$router.push('/wasteGas/orderHome')">
							<div class="color555 font14 mb20">处理设施运行</div>
							<div class="u-flex mb20">
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.defRun.normalPercent || '--'}}%
										</div>
										<div class="color888 font14">稳定运行达成率</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.defRun.normalPercent || '--'}}%
										</div>
										<div class="color888 font14">运行时长合理性比率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 mb5" style="color: #DE6868;">
											{{dataList1.defRun.materialUseGrade || '--'}}
										</div>
										<div class="color888 font14">药剂使用规范评估</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.defRun.dcsPercent || '--'}}%</div>
										<div class="color888 font14">DCS接入率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.defRun.repairPercent || '--'}}%
										</div>
										<div class="color888 font14">检修执行效率</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">
											{{dataList1.defRun.autoMonitorPercent || '--'}}%
										</div>
										<div class="color888 font14">自动监测覆盖</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList1.defRun.dataNum || '--'}}组数据源
							</div>
						</div>

						<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 mt30 point"
							@click="$router.push('/wasteGas/orderHome')">
							<div class="color555 font14 mb20">台账制度</div>
							<div class="u-flex mb20">
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.stdBook.completePercent || '--'}}%
										</div>
										<div class="color888 font14">台账完成率</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.stdBook.timelyPercent || '--'}}%
										</div>
										<div class="color888 font14">台账完成及时率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 mb5">{{dataList1.stdBook.sourcePercent || '--'}}</div>
										<div class="color888 font14">台账可溯源性</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.stdBook.checkPercent || '--'}}%
										</div>
										<div class="color888 font14">台账复核率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">{{dataList1.stdBook.normalPercent || '--'}}%
										</div>
										<div class="color888 font14">台账正常率</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList1.stdBook.dataNum || '--'}}组数据源
							</div>
						</div>

						<div style="" class="pb20 mt30 point" @click="$router.push('/wasteGas/warningCenter')">
							<div class="color555 font14 mb20">预警、问题处理评价</div>
							<div class="u-flex mb20">
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">
											{{dataList1.warning.warningCompletePercent || '--'}}%
										</div>
										<div class="color888 font14">预警解决率</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">
											{{dataList1.warning.problemCompletePercent || '--'}}%
										</div>
										<div class="color888 font14">问题解决率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 mb5" style="color: #DE6868;">
											{{dataList1.warning.hourClaimPercent || '--'}}
										</div>
										<div class="color888 font14">预警小时响应率</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">{{dataList1.warning.daySolvedPercent || '--'}}%
										</div>
										<div class="color888 font14">问题不过日效率</div>
									</div>
								</div>
								<div class="flex1">
									<div class="mb20">
										<div class="font16 color333 mb5">
											{{dataList1.warning.warningRepeatPercent || '--'}}%
										</div>
										<div class="color888 font14">预警复发性</div>
									</div>
									<div class="">
										<div class="font16 color333 mb5">
											{{dataList1.warning.warningRepeatPercent || '--'}}%
										</div>
										<div class="color888 font14">问题复发性</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList1.warning.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="u-flex u-between mt30">
			<div class="flex3 point" @click="$router.push('/waste/wasteDashboard')">
				<div class="color555 font16 mb10">危险废物</div>
				<div style="background: #F89E00;border-radius: 4px;width: 100%;padding: 36px 25px;height: 232px;"
					class="colorfff u-flex">
					<div class="flex1">
						<div class="mb25">
							<div class="font16 mb5">{{dataList2.inStoragePercent}}%</div>
							<div class="font14">申报入库</div>
						</div>
						<div class="mb25">
							<div class="font16 mb5">{{dataList2.disposeUsagePercent}}%</div>
							<div class="font14">资源化利用率</div>
						</div>
						<div style="font-size: 13px;">
							{{dataList2.dataNum || '--'}}组数据源
						</div>
					</div>

					<div class="flex1">
						<div class="mb25">
							<div class="font16 mb5">{{dataList2.disposeTimelyPercent}}%</div>
							<div class="font14">按期处置率</div>
						</div>
						<div class="mb25">
							<div class="font16 mb5">{{dataList2.autoManage?'是':'否'}}</div>
							<div class="font14">智能化管理</div>
						</div>
					</div>

					<div class="flex1">
						<div class="mb25">
							<div class="font16 mb5">{{dataList2.storageNormalPercent}}%</div>
							<div class="font14">适度贮存率</div>
						</div>
					</div>

					<div class="flex1">
						<div style="width: 70px;height: 2px;background: #FFFFFF;" class="mb25"></div>
						<div class="mb25">
							<div class="font14 fontBold mb5">规范化管理</div>
							<div class="font16">{{dataList2.examine.totalScore}}分</div>

						</div>
						<div class="font12 mb5">按规范化检查总分50分</div>
					</div>

					<div class="flex1" style="height: 100%;overflow-y: auto;">
						<div v-for="(item,index) in dataList2.examine.list" :key="index"
							class="mb10 displayFlexBet pb10"
							style="border-bottom:2px solid #FCCF80;border-bottom-style: dotted">
							<div>{{item.tagName}}</div>
							<div>{{item.score}}</div>
						</div>
					</div>
				</div>
			</div>
			<div class="flex1 ml30 point" @click="$router.push('/swEntWaste/order')">
				<div class="color555 font16 mb10">一般工业固废</div>
				<div style="background: #36B37E;border-radius: 4px;width: 100%;padding: 36px 25px;height: 232px;"
					class="colorfff u-flex">
					<div class="flex1">
						<div class="mb25">
							<div class="font16 mb5">{{dataList3.stdBookPercent}}%</div>
							<div class="font14">台账完整度</div>
						</div>

						<div class="mb25">
							<div class="font16 mb5">{{dataList3.disposeUsagePercent}}%</div>
							<div class="font14">资源化利用率</div>
						</div>
						<div style="font-size: 13px;">
							{{dataList3.dataNum || '--'}}组数据源
						</div>
					</div>
					<div class="flex1">
						<div class="mb25">
							<div class="font16 mb5">{{dataList3.disposePercent}}%</div>
							<div class="font14">处置率</div>
						</div>
						<div class="mb25">
							<div class="font16 mb5">{{dataList3.docCompletePercent}}%</div>
							<div class="font14">基本制度完善率</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div style="width:100%;border-radius: 24px;" class="pad24 bgfff textCenter mt30">
			<div class="font16 color555"
				style="width: 100%;height: 80px;background: linear-gradient(0deg, #FFFFFF, #D5EBE1);border-radius: 8px;padding-top: 30px;">
				废水
			</div>

			<div class="u-flex u-between" style="margin-top: -10px;">
				<div class="flex2">
					<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 point"
						@click="$router.push('/wasteWater/survey')">
						<div class="u-flex mb20">
							<div class="flex1">
								<div class="color555 font14 mb20">在线监测</div>
								<div class="mb20">
									<div class="font16 color333 mb5">
										{{dataList4.onlineMonitor.hourPercent || '--'}}%
									</div>
									<div class="color888 font14">小时数据达标</div>
								</div>
								<div>
									<div class="font16 color333 mb5">{{dataList4.onlineMonitor.dayPercent || '--'}}%
									</div>
									<div class="color888 font14">日数据达标</div>
								</div>
							</div>
							<div class="flex1">
								<div class="color555 font14 mb20">自行监测</div>
								<div class="mb20">
									<div class="font16 color333 mb5">
										{{dataList4.selfMonitor.completePercent || '--'}}%
									</div>
									<div class="color888 font14">自行监测完成率</div>
								</div>
								<div>
									<div class="font16 color333 mb5">
										{{dataList4.selfMonitor.normalPercent || '--'}}%
									</div>
									<div class="color888 font14">自行监测达标率</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #A2A2A2;">
							{{dataList4.onlineMonitor.dataNum || '--'}}组数据源
						</div>
					</div>

					<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 mt30 point"
						@click="$router.push('/wasteWater/waterStandingBook')">
						<div class="color555 font14 mb20">巡检制度</div>
						<div class="u-flex">
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.inspect.planPercent || '--'}}%
									</div>
									<div class="color888 font14">设备覆盖率</div>
								</div>
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.inspect.avgPlan || '--'}}%</div>
									<div class="color888 font14">每台设备日均巡检</div>
								</div>
								<div style="font-size: 13px;color: #A2A2A2;">
									{{dataList4.inspect.planDataNum || '--'}}组数据源
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.inspect.completePercent || '--'}}%
									</div>
									<div class="color888 font14">巡检完成率</div>
								</div>
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.inspect.normalPercent || '--'}}%
									</div>
									<div class="color888 font14">巡检质量合格率</div>
								</div>
								<div style="font-size: 13px;color: #A2A2A2;">
									{{dataList4.inspect.inspectDataNum || '--'}}组数据源
								</div>
							</div>
						</div>
					</div>

					<div style="" class="pb20 mt30 point" @click="$router.push('/filesManage/pdfManage')">
						<div class="color555 font14 mb20">基本制度</div>
						<div class="u-flex mb20">
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.doc.completePercent || '--'}}%
									</div>
									<div class="color888 font14">基本制度文件完整性</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.doc.commentPercent || '--'}}%</div>
									<div class="color888 font14">基本制度文件评价率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.doc.emergencyPercent || '--'}}%
									</div>
									<div class="color888 font14">应急管理</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.doc.planCompletePercent || '--'}}%
									</div>
									<div class="color888 font14">计划覆盖完整性</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #A2A2A2;">
							{{dataList4.inspect.dataNum || '--'}}组数据源
						</div>
					</div>
				</div>

				<div style="width: 1px;height: 680px;background: #EEEEEE;"></div>

				<div class="flex3">
					<div style="border-bottom: 1px solid#EEEEEE;" class="pb20">
						<div class="color555 font14 mb20">处理设施运行</div>
						<div class="u-flex mb20">
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.defRun.normalPercent || '--'}}%
									</div>
									<div class="color888 font14">稳定运行达成率</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.defRun.normalPercent || '--'}}%
									</div>
									<div class="color888 font14">运行时长合理性比率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 mb5" style="color: #DE6868;">
										{{dataList4.defRun.materialUseGrade || '--'}}
									</div>
									<div class="color888 font14">药剂使用规范评估</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.defRun.dcsPercent || '--'}}%</div>
									<div class="color888 font14">DCS接入率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.defRun.repairPercent || '--'}}%
									</div>
									<div class="color888 font14">检修执行效率</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">
										{{dataList4.defRun.autoMonitorPercent || '--'}}%
									</div>
									<div class="color888 font14">自动监测覆盖</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #A2A2A2;">
							{{dataList4.defRun.dataNum || '--'}}组数据源
						</div>
					</div>

					<div style="border-bottom: 1px solid#EEEEEE;" class="pb20 mt30 point"
						@click="$router.push('/wasteWater/orderHome')">
						<div class="color555 font14 mb20">台账制度</div>
						<div class="u-flex mb20">
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.stdBook.completePercent || '--'}}%
									</div>
									<div class="color888 font14">台账完成率</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.stdBook.timelyPercent || '--'}}%
									</div>
									<div class="color888 font14">台账完成及时率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 mb5">{{dataList4.stdBook.sourcePercent || '--'}}</div>
									<div class="color888 font14">台账可溯源性</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.stdBook.checkPercent || '--'}}%
									</div>
									<div class="color888 font14">台账复核率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">{{dataList4.stdBook.normalPercent || '--'}}%
									</div>
									<div class="color888 font14">台账正常率</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #A2A2A2;">
							{{dataList4.stdBook.dataNum || '--'}}组数据源
						</div>
					</div>

					<div style="" class="pb20 mt30 point" @click="$router.push('/wasteWater/warningCenter')">
						<div class="color555 font14 mb20">预警、问题处理评价</div>
						<div class="u-flex mb20">
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">
										{{dataList4.warning.warningCompletePercent || '--'}}%
									</div>
									<div class="color888 font14">预警解决率</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">
										{{dataList4.warning.problemCompletePercent || '--'}}%
									</div>
									<div class="color888 font14">问题解决率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 mb5" style="color: #DE6868;">
										{{dataList4.warning.hourClaimPercent || '--'}}
									</div>
									<div class="color888 font14">预警小时响应率</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">{{dataList4.warning.daySolvedPercent || '--'}}%
									</div>
									<div class="color888 font14">问题不过日效率</div>
								</div>
							</div>
							<div class="flex1">
								<div class="mb20">
									<div class="font16 color333 mb5">
										{{dataList4.warning.warningRepeatPercent || '--'}}%
									</div>
									<div class="color888 font14">预警复发性</div>
								</div>
								<div class="">
									<div class="font16 color333 mb5">
										{{dataList4.warning.warningRepeatPercent || '--'}}%
									</div>
									<div class="color888 font14">问题复发性</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #A2A2A2;">
							{{dataList4.warning.dataNum || '--'}}组数据源
						</div>
					</div>
				</div>
			</div>

			<div class="u-flex u-row-between">
				<div class="flex1 mr30 point" @click="$router.push('/soil/survey')"
					style="background: linear-gradient(0deg, #FFFFFF, #DFD6B8);border-radius: 8px;padding: 21px;">
					<div class="color555 font16 mb30">土壤</div>
					<div class="displayFlexBet mb30">
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList5.normalPercent || '--'}}%</div>
							<div class="color888 font14">监测完成率</div>
						</div>
						<div style="width: 1px;background: #c9c9c9;height: 30px;"></div>
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList5.completePercent || '--'}}%</div>
							<div class="color888 font14">监测达标率</div>
						</div>
					</div>
					<div style="font-size: 13px;color: #A2A2A2;">
						{{dataList5.dataNum || '--'}}组数据源
					</div>
				</div>

				<div class="flex1 mr30 point" @click="$router.push('/noise/noiseSurvey')"
					style="background: linear-gradient(0deg, #FFFFFF, #D3CCD6);border-radius: 8px;padding: 21px;">
					<div class="color555 font16 mb30">噪音</div>
					<div class="displayFlexBet mb30">
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList6.normalPercent || '--'}}%</div>
							<div class="color888 font14">监测完成率</div>
						</div>
						<div style="width: 1px;background: #c9c9c9;height: 30px;"></div>
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList6.completePercent || '--'}}%</div>
							<div class="color888 font14">监测达标率</div>
						</div>
					</div>
					<div style="font-size: 13px;color: #A2A2A2;">
						{{dataList6.dataNum || '--'}}组数据源
					</div>
				</div>

				<div class="flex1 mr30 point" @click="$router.push('/filesManage/pdfManage')"
					style="background: linear-gradient(0deg, #FFFFFF, #D4DDE1);border-radius: 8px;padding: 21px;">
					<div class="color555 font16 mb30">环保档案资料</div>
					<div class="displayFlexBet mb30">
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList7.completePercent || '--'}}%</div>
							<div class="color888 font14">完成度</div>
						</div>
						<div style="width: 1px;background: #c9c9c9;height: 30px;"></div>
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList7.evaluatePercent || '--'}}%</div>
							<div class="color888 font14">评价率</div>
						</div>
						<div style="width: 1px;background: #c9c9c9;height: 30px;"></div>
						<div class="flex1">
							<div class="color333 font16 mb5">{{dataList7.qualityPercent || '--'}}%</div>
							<div class="color888 font14">档案质量</div>
						</div>
					</div>
					<div style="font-size: 13px;color: #A2A2A2;">
						{{dataList7.dataNum || '--'}}组数据源
					</div>
				</div>
			</div>
		</div>

		<div class="mt30">
			<div class="color555 font16 mb10">生产</div>
			<div class="displayFlexBet mb10 bgfff bra4" style="align-items: stretch">
				<div class="flex2 mr10 point" @click="$router.push('/produceManage/order')" style="padding: 36px 25px;">
					<div class="mb20 font14">台账制度</div>
					<div style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList8.sourcePercent || '--'}}%</div>
								<div class="color888 font14">台账完成率</div>
							</div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList8.timelyPercent || '--'}}%</div>
								<div class="color888 font14">台账完成及时率</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								数据源：{{dataList8.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div class="color333 font16 mb5">{{dataList8.sourcePercent || '--'}}%</div>
								<div class="color888 font14">台账可溯源性</div>
							</div>
							<div>
								<div class="color333 font16 mb5">{{dataList8.checkPercent || '--'}}%</div>
								<div class="color888 font14">台账复核率</div>
							</div>
						</div>
					</div>
				</div>

				<div style="width: 1px;background: #EEEEEE;"></div>


				<div class="flex4 mr10" style="padding: 36px 25px;">
					<div class="mb20 font14">清洁生产</div>

					<div style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList4.defRun.normalPercent || '--'}}%</div>
								<div class="color888 font14">原料使用强度</div>
							</div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList4.defRun.normalPercent || '--'}}%</div>
								<div class="color888 font14">一般工业固废强度</div>
							</div>
							<div style="font-size: 13px;color: #A2A2A2;">
								数据源：{{dataList4.defRun.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList4.defRun.materialUseGrade || '--'}}</div>
								<div class="color888 font14">能耗强度</div>
							</div>
							<div>
								<div class="color333 font16 mb5">{{dataList4.defRun.dcsPercent || '--'}}%</div>
								<div class="color888 font14">污水排放强度</div>
							</div>
						</div>

						<div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList4.defRun.repairPercent || '--'}}%</div>
								<div class="color888 font14">危废产生强度</div>
							</div>
							<div>
								<div class="color333 font16 mb5">{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
								<div class="color888 font14">生产连续性</div>
							</div>
						</div>

						<div>
							<div class="mb20">
								<div>{{dataList4.defRun.repairPercent || '--'}}%</div>
								<div>废气排放强度</div>
							</div>
							<div>
								<div>{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
								<div>自动化程度</div>
							</div>
						</div>
					</div>
				</div>

				<div style="width: 1px;background: #EEEEEE;"></div>

				<div class="flex1 mr10 point" style="padding: 36px 25px;" @click="$router.push('/cleanTransportation/home')" >
					<div class="mb20 font14">清洁运输</div>
					<div style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList9.carPercent || '--'}}%</div>
								<div class="color888 font14">道路运输国六及新能源比率</div>
							</div>
							<div class="mb20">
								<div class="color333 font16 mb5">{{dataList9.machineryPercent || '--'}}%</div>
								<div class="color888 font14">非道路机械国六及新能源比率</div>
							</div>

							<div style="font-size: 13px;color: #A2A2A2;">
								{{dataList9.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import * as echarts from 'echarts';
	let that
	export default {
		data() {
			return {
				dataList1: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList2: {
					examine: {
						list: []
					}
				},
				dataList3: {},
				dataList4: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList5: {},
				dataList6: {},
				dataList7: {},
				dataList8: {},
				dataList9: {},

			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.getWaterRiskList()
			that.getGasData()
			that.getHwData()
			that.getSwData()
			that.getWaterData()
			that.getSoilData()
			that.getNoiseData()
			that.geDocData()
			that.getTransportData()
		},

		methods: {
			
			getTransportData() {
				that.ajax({
					url: 'oneMap/v2/getTransportData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList9 = result.data
					},
				})
			},

			getProduceData() {
				that.ajax({
					url: 'oneMap/v2/getProduceData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList8 = result.data
					},
				})
			},


			geDocData() {
				that.ajax({
					url: 'oneMap/v2/geDocData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList7 = result.data
					},
				})
			},

			getNoiseData() {
				that.ajax({
					url: 'oneMap/v2/getNoiseData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList6 = result.data
					},
				})
			},

			getSoilData() {
				that.ajax({
					url: 'oneMap/v2/getSoilData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList5 = result.data
					},
				})
			},

			getWaterData() {
				that.ajax({
					url: 'oneMap/v2/getWaterData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList4 = result.data
					},
				})
			},

			getSwData() {
				that.ajax({
					url: 'oneMap/v2/getSwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
					},
				})
			},

			getHwData() {
				that.ajax({
					url: 'oneMap/v2/getHwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
					},
				})
			},
			getGasData() {
				that.ajax({
					url: 'oneMap/v2/getGasData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList1 = result.data
					},
				})
			},

			gotoPage(item, type) {
				console.log(item)
				let routerUrl = "/filesManage/pdfManage"
				if (item.title.includes("巡检计划")) routerUrl = "/entScheduleAddPlan"
				if (item.title.includes("巡检任务")) routerUrl = "/entScheduleAddPlan"
				if (type == "water") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteWater/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteWater/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteWater/order"
					if (item.title == '废水运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=124"
					if (item.title == '废水标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=125"
					if (item.title == '废水化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=127"
					if (item.title == '废水应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=130"
				}
				if (type == "gas") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteGas/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteGas/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteGas/order"
					if (item.title == '废气运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=131"
					if (item.title == '废气标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=132"
					if (item.title == '废气化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=134"
					if (item.title == '废气应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=137"
				}
				if (routerUrl.includes("?categoryMainId")) {
					routerUrl = routerUrl + "&ticketId=" + this.$store.state.token
				} else {
					routerUrl = routerUrl + "?ticketId=" + this.$store.state.token
				}
				that.$router.push(routerUrl)
			},

			getHwWasteRiskList() {
				that.ajax({
					url: 'risk/getHwWasteRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
						that.formChart("main3", result.data, "危废")
					},
				})
			},

			getGasRiskList() {
				that.ajax({
					url: 'risk/getGasRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
						that.formChart("main2", result.data, "废气")
					},
				})
			},

			getWaterRiskList() {
				that.ajax({
					url: 'risk/getWaterRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						//that.dataList1 = result.data
						that.formChart("main1", result.data, "废水")
					},
				})
			},


			formChart(id, dataList, title) {
				let chartDom = document.getElementById(id);
				let myChart = echarts.init(chartDom);
				let option;
				let names = []
				let datas = []

				for (let item of dataList) {
					console.log(item)
					names.push({
						name: item.title,
						max: 5
					})
					datas.push(item.score)
				}

				//console.log(datas)

				option = {
					legend: {
						show: false
					},
					radar: {
						shape: 'circle',
						indicator: names,
						splitLine: {
							show: true,
							lineStyle: {
								color: ['#eee'],
								type: 'dashed'
							}
						},
						splitArea: {
							//show: false,
							areaStyle: {
								color: '#ffff',
							}
						},
						axisLine: {
							lineStyle: {
								color: '#eee',
								type: 'dashed'
							}
						},
						boundaryGap: true
					},
					series: [{
						name: '',
						type: 'radar',
						data: [{
							value: datas,
							name: 'name',
							label: {
								show: true,
								formatter: function(params) {
									return params.value;
								}
							},
							areaStyle: {
								color: '#DAD5F9'
							}
						}]
					}]
				};

				option && myChart.setOption(option);
			},

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.flex1 {
		flex: 1
	}

	.flex2 {
		flex: 2
	}
</style>